﻿<html>
<head>
    <title></title>
    <script src="Scripts/knockout-2.1.0.js" type="text/javascript"></script>
    <script src="Scripts/OOP.js" type="text/javascript"></script>
</head>
<body>

    <span data-bind="text: FormattedName"></span>

    <input type="text" data-bind="value: FirstName" />

    <input type="button" value="Ok" data-bind="click: OkClick" />

    <ul data-bind="template: {
        name: 'myTemplate',
        foreach: List
    }">
    </ul>

    <div data-bind="hinteaBinder: "

    <div data-bind="with: PartialViewModel">
        <span data-bind="text: Something"></span>
    </div>

    <script type="text/html" id="myTemplate">
        <div style="background-color: #000000; width: 100px; height: 100px;">
            <li data-bind="text: $data"></li>
        </div>
    </script>

    <script type="text/javascript">
        ko.applyBindings(new PageViewModel());
    </script>

</body>
</html>